<template>
  <div class="app-container">
    <title-bar />
    <div class="content">
      <search-page v-if="videoStore.currentPage === 'search'" />
      <video-player-page v-else />
    </div>
  </div>
</template>

<script setup>
import { useVideoStore } from './stores/videoStore'
import SearchPage from './components/SearchPage.vue'
import VideoPlayerPage from './components/VideoPlayerPage.vue'
import TitleBar from './components/TitleBar.vue'

const videoStore = useVideoStore()
</script>

<style>
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.app-container {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}

.content {
  flex: 1;
  overflow: hidden;
}
</style> 